<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE div PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<!--        <link href="<s:url value='/resources/media/dataTables/demo_page.css'/>" rel="stylesheet" type="text/css" />-->
<link href="<s:url value='/resources/media/dataTables/demo_table.css'/>"
	rel="stylesheet" type="text/css" />
<link
	href="<s:url value='/resources/media/dataTables/demo_table_jui.css'/>"
	rel="stylesheet" type="text/css" />
<link href="<s:url value='/resources/media/themes/base/jquery-ui.css'/>"
	rel="stylesheet" type="text/css" media="all" />
<link
	href="<s:url value='/resources/media/themes/redmond/jquery-ui-1.7.2.custom.css'/>"
	rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript">
	$(document).ready(function() {
		$("#listaUsuarios").dataTable({
			"sPaginationType" : "full_numbers",
			"bJQueryUI" : true
		});
		$('#demo_jui').fadeIn(4000);
	});
</script>
</head>
<body id="dt_example">
	<div id="container">
		<div id="demo_jui" style="display: none">
			<table id="listaUsuarios" class="display">
				<thead>
					<tr>
						<th>Cedula</th>
						<th>Nombres</th>
						<th>Apellidos</th>
						<th>Télefono</th>
						<th>Email</th>
						<th>Perfil</th>
					</tr>
				</thead>
				<tbody>
					<s:iterator value="listaUsuarios">
						<tr>
							<td>
							<s:url id="detalleUsuario" action="initEdit.action" namespace="/usuario">
					    		<s:param name="cedula" value="cedula"/>
					    	</s:url>
							<s:a href="%{detalleUsuario}">
								<s:property value="cedula" />
							</s:a>
							</td>
							<td><s:property value="nombres" />
							</td>
							<td><s:property value="apellidos" />
							</td>
							<td><s:property value="telefono" />
							</td>
							<td><s:property value="correo" />
							</td>
							<td><s:property value="perfil.tipo" />
							</td>
						</tr>
					</s:iterator>
				</tbody>
			</table>
		</div>
	</div>
	<div align="center">
		<s:a href="../usuario/initPerfil.action">
			<img src="<s:url value="/resources/images/add-user.png"/>" alt="Registrar" title="Registrar">
		</s:a>
		<br />
		<s:actionerror cssClass="error" />
	</div>
</body>
</html>
